@charset "utf-8";
@function n($px) {
    @return $px/2;
}
$border-color: #ff9344;
.web {
    padding: n(46px) 0 0;

    header {
        line-height: n(32px);
        .fiy_left {
            float: left;
            width: n(123px);
            height: n(57px);
            input {
                vertical-align: middle;
                width: n(123px);
                height: n(57px);
                border: 3px solid $border-color;
                border-radius: n(17px);
                font-size: n(26px);
                background: white;
            }
        }
        .fiy_right {
            float: right;
            select {
                vertical-align: middle;
                width: n(163px);
                height: n(61px);
                -webkit-appearance: none;
                border: n(2px) solid $border-color;
                background: url("../img/images/zia.png") no-repeat no-repeat right n(12px) top n(22px) #ffffff;
                background-size: n(30px) n(16px);
                border-radius: n(3px);
                text-indent: n(13px);
                font-size: n(26px);
            }

        }
        .fiy_center {
            overflow: hidden;
            font-size: n(26px);
            text-align: center;
            h4 {
                line-height: n(61px);
                vertical-align: middle;
                font-size: n(26px);
            }
        }
    }
    .lunbo {
        margin-top: n(27px);
        .shangmian {
            list-style: none;
            li {
                text-align: center;
                float: left;
                width: 25%;
                img {
                    width: 80%;
                }
                a {
                    color: #000000;
                    font-size: n(26px);
                    font-weight: 500;
                }
            }
        }
        .dian {
            text-align: center;
            li {
                display: inline-block;
                width: n(18px);
                height: n(18px);
                border-radius: n(10px);
                background: $border-color;
                margin-right: n(7px);
                margin-top: n(16px);
            }
        }
    }
    .meishi {
        padding: 0 n(21px) 0 n(30px);
        margin-top: n(19px);
        .center_ms_left {
            float: left;
            img {
                width: n(56px);
                height: n(45px);
                vertical-align: middle;
            }
            span {
                font-size: n(30px);
                vertical-align: middle;
                font-weight: 500;
            }
        }
        .center_ms_right {
            float: right;
            a {
                span {
                    color: #000000;
                    font-size: n(24px);
                    vertical-align: middle;
                }
                i {
                    font-size: n(45px);
                    color: $border-color;
                    vertical-align: middle;
                }
            }
        }

        ul {
            margin-top: n(37px);
            list-style: none;
            text-align: center;
            li {
                float: left;
                width: 25%;
                img {
                    width: 80%;
                }
            }
        }
       

    }
     .yundong {
          padding: 0 n(21px) 0 n(30px);
        margin-top: n(19px);
            .yd_left {
                float: left;
                img {
                    width: n(56px);
                    height: n(57px);
                    vertical-align: middle;
                }
                span {
                    font-size: n(30px);
                    vertical-align: middle;
                    font-weight: 500;
                }
            }
            .yd_right {
                float: right;
                a {
                    span {
                        color: #000000;
                        font-size: n(24px);
                        vertical-align: middle;
                    }
                    i {
                        font-size: n(45px);
                        color: $border-color;
                        vertical-align: middle;
                    }
                }
            }
             ul {
            margin-top: n(37px);
            list-style: none;
            text-align: center;
            li {
                float: left;
                width: 25%;
                img {
                    width: 80%;
                }
            }
        }
        }
        .dianying{
                  padding: 0 n(21px) 0 n(30px);
        margin-top: n(19px);
            .dy_left {
                float: left;
                img {
                    width: n(56px);
                    height: n(57px);
                    vertical-align: middle;
                }
                span {
                    font-size: n(30px);
                    vertical-align: middle;
                    font-weight: 500;
                }
            }
            .dy_right {
                float: right;
                a {
                    span {
                        color: #000000;
                        font-size: n(24px);
                        vertical-align: middle;
                    }
                    i {
                        font-size: n(45px);
                        color: $border-color;
                        vertical-align: middle;
                    }
                }
            }
             ul {
            margin-top: n(37px);
            list-style: none;
            text-align: center;
            li {
                float: left;
                width: 25%;
                img {
                    width: 80%;
                }
            }
        }
            
            
        }

}
